@charset "utf-8";
@import "common";
.remen {
    .bg_remen{
        background: url(../img/bg_remen.png) no-repeat left;
    }
    .biaoti {
        background: #e14738;
        width: 40px;
        height: 100px;
        position: relative;
        i {
            position: absolute;
            bottom: 0;
            border-bottom: 13px solid #FFFFFF;
            border-right: 20px solid transparent;
            border-left: 20px solid transparent;
        }
        p{
            color: #FFFFFF;
            font-size: 20px;
            padding: 12px 10px 0 10px;
        }
    }
    .touwenzi{
        text-align: right;
        float: right;
        h2{
            padding-top: 10px;
            font-size: 30px;
        }
        p{
            font-size: 14px;
            color: #898989;
            line-height: 30px;
        }
    }
    .sixiaotuwrap{
        margin-bottom: 30px;
        border-radius: 5px;
        overflow: hidden;
        &:nth-of-type(2n){
            padding-right: 0;
        }
        img{
            &:hover{
                opacity: 0.7;
            }
        }
    }
    .bg_rmtwo{
        background: url(../img/bg_remen2.png) no-repeat right;
        margin-top: 35px;
        margin-bottom: 30px;
    }
    
    .twowenzi{
        h2{
            padding-top: 10px;
            font-size: 30px;
        }
        p{
            font-size: 14px;
            color: #898989;
            line-height: 30px;
        }
    }
    .twosixiaotu{
//      padding-left: 0;
    }
    .genduo{
        margin-top: 16px;
        >dt{
            position: relative;
            overflow: hidden;
            border-radius: 5px;
            >img{
                width: 100%;
            }
            .gundong{
                position: absolute;
                top: 0;
                width: 100%;
                height: 100%; 
                 border-radius: 5px;
                padding: 10px;
                line-height: 20px;
                text-align: justify;
                text-indent: 2em;
                background: rgba(0,0,0,.6);
                font-size: 12px;
                color: #FFFFFF;
                transition: all 800ms linear;
                transform: translateX(-103%);
            }
            .gundongshow{
            transform: translateX(0);
        }
            
        }
        
        >dd{
            font-size: 14px;
            color: 2a2a2a;
            text-align: center;
            line-height: 50px;
        }
    }
}

@media (max-width: 767px) and (min-width: 480px){
    .bg_remen{
        background: none!important;
    }
    .bg_rmtwo{
        background: none!important;
    }
    .sixiaotuwrap{
        border-radius: 5px;
        overflow: hidden;
        >img{
            width: 100%;
            height: 100%;
            border-radius: 5px;
        }
    }
    .chupeng{
        >img{
            width: 100%;
            height: 100%;
        }
        .gundong{
            display:none ;
        }
    }
}
@media (max-width: 480px){
    .bg_remen{
        background: none!important;
    }
    .bg_rmtwo{
        background: none!important;
    }
   
    
    .sixiaotuwrap{
        padding: 4px;
        border-radius: 5px;
        overflow: hidden;
        >img{
            width: 100%;
            height: 100%;
            border-radius: 5px;
        }
    }
    .chupeng{
        >img{
            width: 100%;
            height: 100%;
        }
        .gundong{
            display:none ;
        }
    }
    
}

@media (min-width: 992px){
    .col-md-6 {
        width: 50%;
    }
    .sixiaotuwrap{
        border-radius: 5px;
        overflow: hidden;
        >img{
            width: 100%;
            height: 100%;
                border-radius: 5px;
        }
    }
    
}    

@media (min-width:768px){
    .sixiaotuwrap{
         border-radius: 5px;
        overflow: hidden;
        >img{
            height: 100%;
            width: 100%;
            border-radius: 5px;
        }
        
    }
}


